<template>
	<div id="app" class="notice">
		<div id="body" style="text-align: center;border: 1px solid black;width: 500px;height: 300px;position: absolute;margin-left: 25%;margin-top: 60px;">
			<div id="app" class="notice">
				<el-collapse v-model="activeNames" @change="handleChange">
					<el-collapse-item title="开业重磅" name="1">
						<div>开业信息：2020年12月12日潇湘大药房开业啦</div>
						<div>开业活动：每满100减10</div>
					</el-collapse-item>
					<el-collapse-item title="账号信息" name="2">
						<div>欢迎登录潇湘大药房</div>
						<div>请确保是本人登录</div>
					</el-collapse-item>
				</el-collapse>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'app',
		data() {
			return {
				activeNames: ['1']
			};
		},
		methods: {
			handleChange(val) {
				console.log(val);
			}
		}
	}
</script>

<style>
</style>
